﻿<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
/***
 * 文字だけをチェックするファンクション
 */
function onlyLetter(t, e){
	c = e.keyCode;
if(!((c>=65 && c<=90) || (c>=97&&c<=122) || c==8))
	t.value = t.value.substring(0, t.value.length-1);
}

/***
 * 記入したメールが正しいメールフォームかチェックします。
 */
function checkMail() {
  var mail = document.forms[0].elements[5].value;
  var reg = new RegExp("\\w+([-+.\']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*");
  x = document.getElementById('mailcheck');
  if(!reg.test(mail) || mail == "")
  { 
  //無効メールアドレスのアラート
  x.innerHTML='無効メールアドレス';
   return false;
  }
  else {
	  //x.innerHTML='valid mail';
	  x.innerHTML ='';   
	  return true;
  }
}

/***
 * パスワードのチェック
 */
function checkPassWord(){
	var invalid = " "; //無効桁はスペース
	var minLength = 6; //ミニマムのパスワードの長さ
	var pass1 = document.forms[0].elements[1].value;
	var pass2 = document.forms[0].elements[2].value;

	x=document.getElementById('passwordcheck');
	//alert("Your email address isn't valid!");
	//パスワードとパスワード確認が同じかをチェックします。
	if(pass1 != pass2){
		//alert("Your email address isn't valid!");
		x.innerHTML='パスワードとパスワード確認が違う';
		return false;
	}
//	else
	//	x.innerHTML='bang nhau';

	// パスワードの長さをチェックします。
	if(pass1.length < minLength){
		x.innerHTML ='パスワードの長さは６より小さい';
		return false;
	}

	//パスワードにスペースをチェックします。
	if(pass1.indexOf(invalid) >-1){
		x.innerHTML ='パスワードでが空欄を含む';
		return false;
	}

	//パスワードに数字があるかをチェックします。
	re = /[0-9]/;
	if(!re.test(pass1)) {
		x.innerHTML ='パスワードでは数字がない';
		 return false; 
		 } 

	 //パスワードに小文字があるかをチェックします。
	 re = /[a-z]/;
	if(!re.test(pass1)) {
		x.innerHTML ='パスワードでは小文字がない';
		 return false; 
		 } 

	 //パスワードに大文字があるかをチェックします。
	 re = /[A-Z]/;
	if(!re.test(pass1)) {
		x.innerHTML ='パスワードでは大文字がない';
		 return false; 
		 } 
	x.innerHTML ='';
	return true;
}

/***
 * 名前を記入したかチェックします。
 */
function checkName(){
	var name = document.forms[0].elements[3].value;
	
	x=document.getElementById('nameCheck');
	if((name.length ==0) || (name == " ")){
		x.innerHTML='名前はない';
		return false;
	}
	x.innerHTML ='';
	return true;
}

/***
 * 電話番号を記入したかチェックします。
 */
function checkPhone(){
	var phone = document.forms[0].elements[4].value;
	
	x=document.getElementById('phoneCheck');
	if((phone.length ==0) || (phone == " ")){
		x.innerHTML='電話番号はない';
		return false;
	}
	x.innerHTML ='';
	return true;
} 

/***
 * 住所を記入したかチェックします。
 */
function checkAddress(){
	var address = document.forms[0].elements[6].value;

	x= document.getElementById('addressCheck');
	if((address.length == 0) || (address ==" ")){
		x.innerHTML = '住所がない';
		return false;
	}
	x.innerHTML ='';
	return true;
}

/***
 * 全部記入したフィールドが正しいかをチェックします。
 */
function validatorOnSubmit(){
	var result = true;

	if(!checkMail()) result = false;
	if(!checkPassWord()) result = false;
	if(!checkName()) result = false;
	if(!checkPhone()) result = false;
	if(!checkAddress()) result = false;
	
	return result;
}
</script>
<style type="text/css">
<!--
.style1 {font-weight: bold}
-->
</style>
</head>
<h1>ユーザ登録</h1>
<form action = 'checkRegister.php' method='post' onSubmit="return validatorOnSubmit()">
<table>
<tr  bgcolor ="transparent"><td><a ><strong>アカウント名</strong></a></td>
<td><input type='text' name='accountName' value ="" ></td>
<td id='accountCheck'　style="color:#FF0000" ></td></tr>

<tr  bgcolor ="transparent"><td><strong>パスワード</strong></td>
<td><input type='password' name='pass1' value="" ></td>
<td id='passwordcheck' style="color:#FF0000"></td></tr>

<tr  bgcolor ="transparent"><td><strong>パスワード確認</strong></td>
<td><input type='password' name='pass2'></td>
<td id='passwordcheck' style="color:#FF0000"></td></tr>

<tr  bgcolor ="transparent"><td><strong>名前</strong></td>
<td><input type='text' name='fullName' ></td>
<td id='nameCheck' style="color:#FF0000"></td></tr>

<tr bgcolor ="transparent"><td><strong>電話番号</strong></td>
<td><input type='text' name='phone' ></td>
<td id='phoneCheck' style="color:#FF0000"></td></tr>

<tr bgcolor ="transparent"><td><strong>メールアドレス</strong></td>
<td><input type='text' name='mail'></td>
<td><div id='mailcheck' style="color:#FF0000" ></div></td></tr>

<tr bgcolor ="transparent"><td><strong>住所</strong></td>
<td><input name='address' type='text' class="style1" size ='50'></td>
<td id='addressCheck' style="color:#FF0000"></td>
</tr>
</table>
<input type='submit' value='登録' style="height:40px; width:100px;margin-left:140px;margin-top:30px;font-size:1.3em;">
</form>	
</html>